import { useState, useCallback } from 'react'
export default function App() {
  const [c, setC] = useState(0)
  // 每次组件更新,handle都会重新创建一次
  // function handle() {
  //   setC(c + 1)
  // }

  //利用useCallback可以让handle只创建一次
  const handle = useCallback(
    function () {
      // setC((c) => {
      //   return c + 1
      // })
      setC(c + 1)
    },
    [c]
  )
  return (
    <div>
      <p>{c}</p>
      <button onClick={handle}>+</button>
    </div>
  )
}
